UNIVERSITY  OF  MICHIGAN  SCHOOL  OF  INFORMATION 

SI  539:  Design  of  Complex  Web  Sites 

Assignment  4 - Using  CSS  for  Layout 


Due  Date:  Tuesday  February  6,  2008  at  11:55PM 

Overview 


The  minimum  requirement  for  this  assignment  is  pretty  simple.  You  are  welcome  to  have  some  fun 
and  do  more  than  the  assignment. 

Take  your  Assignment  3 web  pages  and  restyle  them  to  have  the  navigation  on  the  left  and  the 
header  across  the  top  and  the  content  to  the  right  of  the  navigation.  Switch  the  navigation  from 
inline  to  block  so  the  navigation  lays  out  vertically  instead  of  horizontally. 


The  following  is  a screen  shot  of  two  of  the  pages  styles  in  this  new  way. 


Assignment  3 - SI539  - Contact 

◄ | ► C I |&C*|  | + | file:///Users/csev/Desktop/teach/aC'  * Cfc*  Google 

CP  H CT  Tw  Tz  U-Mt  18k  13k  dr  Cm  Gc  src  Jira  Try  Python  » 


Welcome  to  SI539 


• About 

• Contact 

• Pictures 

• Membership 

• Application 


loining  SI539  Alumni  Group 


— Required  Information 
Enter  your  name:  ” 
Enter  your  E-Mail:  - 

( Submit ) 


Your  membership  will  be  considered  at  the  next  board 
meeting.  This  may  take  up  to  three  months.  To  check  on 
the  status  of  your  application,  please  contact. 
membership@si539.com. 
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Application  |_|ere  are  qUOtes  from  Ghandi  that  look  at  power 
from  different  perspectives  but  reach  the  same 
conclusion. 


Power  is  of  two  kinds.  One  is  obtained  by 
the  fear  of  punishment  and  the  other  by 
acts  of  love.  Power  based  on  love  is  a 
thousand  times  more  effective  and 
permanent  then  the  one  derived  from  fear 
of  punishment. 

Power  is  of  two  kinds.  One  is  obtained  by  L 
the  fear  of  punishment  I hope  to 
demonstrate  that  the  real  swaraj  will  come 
not  by  the  acquisition  of  authority  by  a few, 
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As  you  move  from  page  to  page,  the  top  bar  and  navigation  should  look  the  same.  Again  if  you  want 
to  experiment  with  your  own  design  ideas,  there  is  no  wrong  answer  - you  just  need  to  come  up  with  a 
layout  for  your  content  and  make  your  layout  work. 

If  you  have  been  building  the  markup  properly  all  along,  you  should  be  able  to  accomplish  this 
assignment  with  no  changes  to  your  HTML  - for  my  solution  - I added  about  15  lines  to  my  style. css 
and  the  assignment  was  finished. 

Hand  In 

You  can  either  hand  in  a screen  shot  of  the  screens  of  your  web  application  - or  upload  your  page  to 
mfile.umich.edu  and  upload  a single  html  file  to  CTools  that  has  a reference  to  your  page  stored  in 
MFile  similar  to  this: 


<a  href="http://www.personal.umich.edu/~csev/">Grade  this</a> 


